<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>青年帮</title>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<link href="index.css" rel="stylesheet"/>
		<link href="css/icon.css" rel="stylesheet"/>
	</head>
	<body>
	<header class="top">
		<div class="hd">
	    	<a href="#" class="logo"><img src="images/logo.png"></a>
	        <nav>                                   
	        	<ul>
	            	<li><a href="#" class="index">首页</a></li>
	                <li><a href="#" class="case">案例展示</a></li>
	                <li><a href="#" class="news">最新文章</a></li>
	                <li><a href="#" class="bang">帮店助手</a></li>
	                <li><a href="#">设计导航</a></li>
	                
	            </ul>
	        </nav>
	        <div class="us">
				<i class="iconfont" style="color: #124655; padding-left: 5px;">&#xeef8;</i>
	        	关注我们
	            <div class="box">
	            	<ul>
	                	<li><span>QQ：</span>513894357</li>
	                    <li><span>Tel：</span>13065018050</li>
	                </ul>
	                <p><img src="images/weixin.png">微信公众号</p>
	                <p><img src="images/zcool.png">站酷主页</p>
	            </div>
	        </div>
	    </div>
	</header>
	<article class="content">
		<header>
	    	<h2>Web art service</h2>
	        <h1>为web艺术提供高端服务</h1>
	        <p>青年帮创意工坊，提供优秀的设计制作，高端的学习教程，最新的技术分享</p>
	        <div class="quxian1 quxian"></div>
	        <div class="quxian2 quxian"></div>
	        
	    </header>
	    
	    <section>
	    	<ul class="serv">
	        	<li><a href="#">网页设计</a><img src="images/fuwu_quan.png"></li>
	            <li><a href="#">网店装修</a><img src="images/fuwu_quan.png"></li>
	            <li><a href="#">UI设计</a><img src="images/fuwu_quan.png"></li>
	            <li><a href="#">精品课程</a><img src="images/fuwu_quan.png"></li>
	        </ul>
	    </section>
	    
	</article> 
	
	<div class="art">
		<header>
	    	<h1>最新文章 <span>&amp;</span> 动态</h1>
	        <p>We are here to have the latest original articles and design tutorials and the latest personal views to help you.</p>
	    </header>
	    
	    <ul>
	        	<li><div><img src="images/news.png" width="14">最新文章</div><a href="#">做好设计，这三种方法绝对会帮助到你</a><time datetime="">2016-08-19 22:19</time></li>
	        
	       
	           	<li><div><img src="images/news.png" width="14">最新文章</div><a href="#">dw cs6破解版下载，最详细的dw cs6破解版安装教程</a><time datetime="">2016-07-13 14:48</time></li>
	        
	       
	           	<li><div><img src="images/news.png" width="14">最新文章</div><a href="#">如何实现网页图片按需滚动分屏无限加载？</a><time datetime="">2015-10-07 12:03</time></li>
	        
	       
	           	<li><div><img src="images/news.png" width="14">最新文章</div><a href="#">【第2期】平面设计转战网页美工/淘宝美工</a><time datetime="">2015-09-30 23:51</time></li>
	        
	       
	           	<li><div><img src="images/news.png" width="14">最新文章</div><a href="#">淘宝美工海报制作思路教程1【个人总结：在平面设计与网页设计中积...</a><time datetime="">2015-09-30 16:35</time></li>
	        
	       
	               
	    </ul>
	
	</div>
	<div class="copyright">
		Copyright © 2010 - 2018 qingnian8.com All Rights Reserved
	</div>
	</body>
</html>
